<template>
  <el-container>
    <el-header height="60px">
      <Header></Header>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <Aside></Aside>
      </el-aside>
      <el-main class="main-sty">
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
  import Header from "./page/Header";
  import Aside from "./page/Aside";

  export default {
    name: "Home",
    components: {Aside, Header}
  }
</script>

<style scoped>
  * {
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  .main-sty{
    padding: 10px 20px;
    background-color: rgb(240,240,240);
  }

</style>
